<style>
    .page-main {
        background: #f5f5f5;
        min-width: 1280px;
    }

    .home-main {
        padding-top: 60px;
    }

    #show-ad {
        height: 686px;
        margin-bottom: 8px;
    }

    .box-hd {
        position: relative;
        height: 58px;
        -webkit-font-smoothing: antialiased;
    }

    .box-hd .title {
        margin: 0;
        font-size: 22px;
        font-weight: 200;
        line-height: 58px;
        color: #333;
    }

    .box-hd .more {
        position: absolute;
        top: 0;
        right: 0;
    }

    .box-hd .tab-list {
        margin: 0;
        padding: 16px 0 0;
        list-style-type: none;
        font-size: 16px;
    }

    .box-hd .more .tab-list li {
        display: inline-block;
        padding: 0;
        margin: 0 0 0 30px;
        color: #424242;
        border-bottom: 2px solid #f5f5f5;
        border-bottom: 2px solid transparent;
        -webkit-transition: border-color .5s;
        transition: border-color .5s;
        cursor: pointer;
    }

    .row {
        margin-left: -14px;
    }

    .left-box {
        width: 234px;
        float: left;
        margin-left: 14px;
        min-height: 1px;
    }

    .left-box ul {
        height: 614px;
        margin: 0 0 -14px -14px;
        padding: 0;
        list-style-type: none;
    }

    .left-box ul .brick-item {
        height: 614px;
        position: relative;
        z-index: 1;
        float: left;
        width: 234px;
        margin-left: 14px;
        margin-bottom: 14px;
        background: #fff;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .brick-item a {
        display: block;
        width: 234px;
        height: 307px;
    }

    .right-box {
        width: 978px;
        float: left;
        margin-left: 14px;
        min-height: 1px;
    }

    .right-box ul {
        width: 992px;
        height: 614px;
        margin: 0 0 -14px -14px;
        padding: 0;
        list-style-type: none;
    }
    .right-box ul .goods-item {
        height: 246px;
        padding: 34px 0 20px;
        position: relative;
        z-index: 1;
        float: left;
        width: 234px;
        margin-left: 14px;
        margin-bottom: 14px;
        background: #fff;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }
    .right-box ul .goods-item .goods-img {
        width: 150px;
        height: 150px;
        margin: 0 auto 18px;
    }
    .goods-img a {
        display: block;
    }
    .goods-img img {
        width: 150px;
        height: 150px;
        border: 0;
        -ms-interpolation-mode: bicubic;
    }
    .goods-item .title {
        margin: 0 10px;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        color: #333;
    }
    .goods-item .desc {
        margin: 0 10px 10px;
        height: 18px;
        font-size: 12px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
        color: #b0b0b0;
    }
    .goods-item .price {
        font-size: 14px;
        margin: 0 10px 10px;
        text-align: center;
        color: #ff6700;
    }
    .goods-item .price del {
        color: #b0b0b0;
    }

    /* 小一号的BOX */
    .goods-item-m {
        height: 93px;
        padding-top: 50px;
        position: relative;
        z-index: 1;
        float: left;
        width: 234px;
        margin-left: 14px;
        margin-bottom: 14px;
        background: #fff;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }
    .goods-item-m .goods-img-m {
        position: absolute;
        right: 20px;
        top: 32px;
        width: 80px;
        height: 80px;
    }
    .goods-item-m .goods-img-m a {
        display: block;
        color: #757575;
        text-decoration: none;
    }
    .goods-item-m .goods-img-m a img {
        width: 80px;
        height: 80px;
    }
    .goods-item-m .title {
        color: #333;
        margin: -10px 110px 5px 30px;
        font-size: 14px;
        font-weight: 400;
    }
    .goods-item-m .price {
        margin: 0 110px 0 30px;
        font-size: 12px;
        color: #ff6700;
    }

    .goods-item-m .more-btn {
        display: block;
        margin: 0 110px 0 30px;
        font-size: 18px;
        color: #333;
    }
    .goods-item-m .more-btn small {
        display: block;
        font-size: 12px;
        color: #757575;
    }

    /* 清除浮动 */
    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix:before, .clearfix:after {
        content: " ";
        display: table;
    }
    .birk-item-active{
        -webkit-box-shadow: 0 15px 30px rgba(0,0,0, .1);
        -moz-box-shadow: 0 15px 30px rgba(0,0,0, .1);
        box-shadow: 0 15px 30px rgba(0,0,0, .1);
        -webkit-transform: translate3d(0, -2px, 0);
        -moz-transform: translate3d(0, -2px, 0);
        -ms-transform: translate3d(0, -2px, 0);
        -o-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
    .review-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3;
        width: 234px;
        height: 0;
        overflow: hidden;
        _zoom: 1;
        font-size: 12px;
        background: #ff6700;
        opacity: 0;
        filter: alpha(opacity=0)\9;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }
    .review-wrapper a {
        color: white;
        display: block;
        padding: 8px 30px;
        outline: 0;
    }

</style>
<div class="page-main home-main">
    <div class="container">
        <div id="show-ad">
            <div class="box-hd">
                <h2 class="title">整车</h2>
                <div class="more">
                    <ul class="tab-list">
                        <li>分类1</li>
                        <li>分类2</li>
                        <li>分类3</li>
                        <li>分类4</li>
                    </ul>
                </div>
            </div>
            <div class="box-bd clearfix">
                <div class="row clearfix">
                    <div class="left-box">
                        <ul class="clearfix">
                            <li class="brick-item">
                                <a class="ad-a" href="javascript:void(0)"><img class="ad-img" src="" alt=""></a>
                                <a class="ad-a" href="javascript:void(0)"><img class="ad-img" src="" alt=""></a>
                            </li>
                        </ul>
                    </div>
                    <div class="right-box">
                        <ul class="clearfix ">
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>

                            <li class="goods-item-m">
                                <div class="goods-img-m">
                                    <a href="javascript:void(0)"><img src="http://i1.mifile.cn/a1/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt=""></a>
                                </div>
                                <h3 class="title">这里是商品的名称</h3>
                                <p class="price">
                                    <span class="num">999</span>元

                                </p>
                            </li>
                            <li class="goods-item-m">
                                <div class="goods-img-m">
                                    <a href="javascript:void(0)"><img src="http://i1.mifile.cn/a1/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt=""></a>
                                </div>
                                <a href="javascript:void (0)" class="more-btn">浏览更多
                                    <small>热门</small>
                                </a>
                            </li>
                        </ul>
                        <ul class="clearfix " style="display: none">
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item-m">
                                <div class="goods-img-m">
                                    <a href="javascript:void(0)"><img src="http://i1.mifile.cn/a1/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt=""></a>
                                </div>
                                <h3 class="title">这里是商品的名称</h3>
                                <p class="price">
                                    <span class="num">999</span>元
                                </p>
                            </li>
                            <li class="goods-item-m">
                                <div class="goods-img-m">
                                    <a href="javascript:void(0)"><img src="//api.hongyanche.com/_hongyanche/material/more.png" alt=""></a>
                                </div>
                                <a href="javascript:void (0)" class="more-btn">浏览更多
                                    <small>热门</small>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="page-main home-main">
    <div class="container">
        <div id="show-ad">
            <div class="box-hd">
                <h2 class="title">整车</h2>
                <div class="more">
                    <ul class="tab-list">
                        <li>分类1</li>
                        <li>分类2</li>
                        <li>分类3</li>
                        <li>分类4</li>
                    </ul>
                </div>
            </div>
            <div class="box-bd clearfix">
                <div class="row clearfix">
                    <div class="left-box">
                        <ul class="clearfix">
                            <li class="brick-item">
                                <a class="ad-a" href="javascript:void(0)"><img class="ad-img" src="" alt=""></a>
                                <a class="ad-a" href="javascript:void(0)"><img class="ad-img" src="" alt=""></a>
                            </li>
                        </ul>
                    </div>
                    <div class="right-box">
                        <ul class="clearfix ">
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                                <div class="review-wrapper">
                                    <a href="javascript:void (0)">这个东西很好。。。。。。。。。。。。。。。。。。</a>
                                </div>
                            </li>

                            <li class="goods-item-m">
                                <div class="goods-img-m">
                                    <a href="javascript:void(0)"><img src="http://i1.mifile.cn/a1/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt=""></a>
                                </div>
                                <h3 class="title">这里是商品的名称</h3>
                                <p class="price">
                                    <span class="num">999</span>元

                                </p>
                            </li>
                            <li class="goods-item-m">
                                <div class="goods-img-m">
                                    <a href="javascript:void(0)"><img src="http://i1.mifile.cn/a1/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt=""></a>
                                </div>
                                <a href="javascript:void (0)" class="more-btn">浏览更多
                                    <small>热门</small>
                                </a>
                            </li>
                        </ul>
                        <ul class="clearfix " style="display: none">
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item">
                                <div class="goods-img">
                                    <a href="javascript:void(0)"><img
                                            src="http://api.hongyanche.com/link/mall/77/DrfQirpi6U" alt=""></a>
                                </div>
                                <h3 class="title">这里是产品的名称</h3>
                                <p class="desc">这里是一段描述信息</p>
                                <p class="price">
                                    <span class="num">9999</span>
                                    元
                                    <del>
                                        <span class="num">19999</span>
                                        元
                                    </del>
                                </p>
                            </li>
                            <li class="goods-item-m">
                                <div class="goods-img-m">
                                    <a href="javascript:void(0)"><img src="http://i1.mifile.cn/a1/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt=""></a>
                                </div>
                                <h3 class="title">这里是商品的名称</h3>
                                <p class="price">
                                    <span class="num">999</span>元
                                </p>
                            </li>
                            <li class="goods-item-m">
                                <div class="goods-img-m">
                                    <a href="javascript:void(0)"><img src="//api.hongyanche.com/_hongyanche/material/more.png" alt=""></a>
                                </div>
                                <a href="javascript:void (0)" class="more-btn">浏览更多
                                    <small>热门</small>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    (function (w, u) {
        $('.goods-item').on('mouseover', function () {
            $(this).addClass('birk-item-active');
            $(this).find('div.review-wrapper').css({
                height: '76px',
                opacity: 1
            });
        });
        $('.goods-item').on('mouseout', function () {
            $(this).removeClass('birk-item-active');
            $(this).find('div.review-wrapper').css({
                height: 0,
                opacity: 0
            });
        });

        $.ajax({
            type: 'GET',
            url: '/marketing_admin/ad_list',
            success: function (data) {
                var datas = data.data.list;
                var adA = document.getElementsByClassName('ad-a');
                var adImg = document.getElementsByClassName('ad-img');
                for (var i =0; i<adImg.length; i++) {
                    $(adImg[i]).attr('src', datas[i].imgurl);
                    $(adA[i]).attr('href', datas[i].home_url);
                }
            }
        });
    })(window, undefined);
</script>